@import "base.less";
@import "header.less";
@import "nav.less";
@import "footer.less";

/*
  模块：2958手机站 主体部分
  开发：王启源
  时间：2017-08-08 11:30:00
*/
.ui-box{
  width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
  background-color: #fff;
}



.box-tit{
  padding: 10px;
  font-size: 18px;
  line-height: 20px;
  border-bottom: 1px solid #f4f4f4;
  .box-icon{
    padding-left: 25px;
    height: 20px;
    margin-right: 5px;
    background-size: 23px 20px;
    background-repeat: no-repeat;
    background-position: center;
  }
  a{
    float: right;
    color: #999;
    font-weight: 300;
    font-size: 14px;
    i{
      padding-left: 25px;
      height: 20px;
    }
    .box-tit-more{
      background-image: url("../img/box-tit-more.png");
      background-size: 12px 12px;
      background-repeat: no-repeat;
      background-position: center;
    }
    .box-tit-hyh{
      background-image: url("../img/box-tit-hyh.png");
      background-size: 15px 15px;
      background-repeat: no-repeat;
      background-position: center;
    }
  }

}



.box-touiao{
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #f2f2f2;
  .ui-col-20{
    text-align: center;
  }
  .box-toutiao-logo{
      height: 50px;
  }
  ul li{
    padding-left: 0px;
    padding-right: 0px;
    font-size: 13px;
    line-height: 25px;
    a{
      color: #333;
    }
    span{
      padding: 2px 5px;
      margin-right: 5px;
      color: #f43a29;
      border:1px solid #f43a29;
      border-radius: 3px;
    }
  }
}



.box-jrtj{
  .box-icon {
    background-image: url("../img/box-tit-icon-jrtj.png");
  }
  .ui-slider{
    overflow: visible;
    padding-top: 25%;
  }
  .ui-slider-indicators{
    top: -25px;
    li{
      width: 10px;
      height: 10px;
      &.current{
        background-color: #32d690;
        &:before{
          display: none;
        }
      }
    }
  }
  .ui-grid-trisect{
    padding-top: 5px;
    padding-right: 0px;
    li{
      padding-right: 15px;
      padding-bottom: 0px;
      a{
        display: block;
        background-color: #f4f4f4;
        color: #333;
        span{
          display: block;
          text-align: center;
          font-size: 13px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
        }
      }
    }
  }

}


.box-jpxm{
  .box-icon {
    background-image: url("../img/box-tit-icon-jpxm.png");
  }
  .ui-list li a span{
    color: #0999f7;
  }
}

.box-tzrm{
  .box-icon {
    background-image: url("../img/box-tit-icon-tzrm.png");
  }
  .ui-list li a span{
    color: #8810f8;
  }
}

.box-cyxc{
  .box-icon {
    background-image: url("../img/box-tit-icon-cyxc.png");
  }
}


.box-jchb{
  .box-icon {
    background-image: url("../img/box-tit-icon-jchb.png");
  }
}


.box-shfu{
  .box-icon {
    background-image: url("../img/box-tit-icon-shfu.png");
  }
}


.box-cnxh{
  .box-icon {
    background-image: url("../img/box-tit-icon-cnxh.png");
  }
}


.box-cate{
  .ui-grid-trisect {
    img{
      width: 100%;
    }
  }
  .ui-grid-halve{
    border-top: 1px solid #f4f4f4;
    text-align: center;
    a{
      color: #333;
    }
  }
}



.box-text{
  .ui-list{
    li{
      padding: 5px 0px;
      a{
        color: #333;
        span{
          margin-right: 5px;
        }
      }

    };
  }
}